<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
<link rel="stylesheet" href="css/rest.css" />
	<link rel="stylesheet" href="css/style.css" />
	<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
	</head>
	<style>
		#panel{ width: 500px;border: 1px solid black; margin: 0 auto;}
		.head{ background: #9E9E9E; border: 1px solid black;}
		.highlight{font-style: italic; color: blue;}

		.over{font-size: 20px; color: blue;}
	</style>
	<script>
	$(function(){
		var $cont = $(this).next();
		$("#panel h5.head").toggle(function(){
			$cont.fadeOut();
		},function(){
			$cont.fadeIn();
		});
	})
	</script>
	<body>
		<div id="panel">
			<h5 class="head">什么是JQ</h5>
			<div class="content">
			好地方的说法松岛枫得分ASF撒旦法的说法阿斯蒂芬撒旦法撒旦法是打发是打发是打发阿打算发生地方撒旦法的萨芬是打发是打发阿斯蒂芬阿斯蒂芬撒旦房顶上房顶上
			</div>
		</div>
		
	</body>
</html>
